MotoCMS 3 — простой конструктор сайтов + шаблоны

Недавно во время очередной скидочной акции от TemplateMonster я просматривал новые шаблоны в сервисе и наткнулся на интересные макеты для MotoCMS 3. Помнится, когда-то очень давно уже публиковал краткий обзор MotoCMS системы для создания и управления флеш сайтами. Однако с тех пор прошло более 5-ти лет, и за это время данный продукт претерпел достаточно серьезные изменения.

Текущая версия избавилась от привязки к flash и превратилась в полноценный конструктор сайтов, позволяющий легко создавать проекты любой сложности: от простых веб-страниц до интернет-магазинов.

Мне стало интересно какие же новые фишки там появились, поэтому я решил подробнее рассмотреть основные возможности MotoCMS 3, а также глянуть на конструктор изнутри. В конце статьи поделюсь с вами парочкой отличных шаблонов.

Если говорить вкратце, то новичкам, желающим создать свой сайт без навыков программирования, решение должно понравиться. На странице TemplateMonster в Youtube есть видеоролик о системе, подчеркивающий ее основные плюсы: простоту, функциональность и т.п.

Очень классную штуку придумали разработчики MotoCMS 3 — бесплатное использование системы в течении 14 дней. Для этого:

Выбираете понравившийся шаблон MotoCMS 3 на сайте TemplateMonster.
Кликаете по кнопке с «14 дней бесплатно» и указываете свой Email.
На почту придет информация с регистрационными данными и ссылка для входа в админку.
Заходите в систему и тестируете/исследуете все ее фишки на практике.
Далее вносите нужные изменения в макет, плюс наполняете его реальным контентом.
А после бесплатного периода просто покупаете данный MotoCMS шаблон (с хостингом или без) и продолжаете развивать свой уже готовый проект.

То есть, по сути, вы можете бесплатно сделать себе сайт, настроить его и посмотреть как все будет выглядеть в онлайне, а затем активировать, купив макет. И проделанная работа по изменению дизайна не будет утеряна даром, и сможете в реальных условиях потестировать движок.

Найти все шаблоны MotoCMS 3 можете в специальном разделе сайта TemplateMonster. Слева для удобства находятся фильтры: по категориям/тематикам, популярности, специальным функциям (типа параллакс эффекта):

MotoCMS 3 — функции и плюсы конструктора сайтов

Итак, после входа в админку MotoCMS 3 вы сразу приступаете к работе над своим проектом. Все функции разбиты на 5 разделов:

Страницы. Содержит возможность редактирования/создания новых страниц, настройки внешнего вида и SEO для них.
Дизайн. Тут можно устанавливать параметры темы, стилей, оформления текста, фона, настраивать виджеты.
Медиатека. Пункт меню используется для работы с загруженными медиафайлами.
Настройки. Отвечает за общие параметры сайта, интеграцию с сервисами вебмасетров. Есть форма для вставки дополнительного кода.
Блог. В последнем разделе сможете добавлять записи/новости для тематического блога. Опций здесь не особо много: включение комментариев, формат даты, дизайн страниц списка заметок и с полным текстом.

Давайте попробуем отредактировать что-то в демо сайте. Зайдем для этого в раздел «Страницы». При первом запуске вы увидите подсказки по работе с MotoCMS 3.

Это полезно для тех, кто не сильно хорошо знаком с конструкторами сайтов и принципами их работы. Хотя и бывалым пользователям пригодится дабы быстро узнать обо всех основных инструментах системы.

Чтобы изменить текст на странице или управлять элементами кликаете по ним. Для текстового блока двойнок клик вызывает форму редактирования (небольшой редактор с кнопками офорлмения).

Элементы можно перемещать обычным перетаскиванием (Drag&drop) — на скриншоте выше я, например, поменял местами кнопки и текстовые надписи. При этом не требуеются знания никаких языков программирования или HTML тегов дабы внести изменения в страницу. Все просто и интуитивно понятно. Нужно только ознакомиться с базовыми возможностями конструктора MotoCMS 3.

Чтобы добавить новый блок на сайт, открываете меню слева и просто перетаскиваете нужный виджет на страницу. Для начала размещаете новый ряд, где позже можно будет вставить какой-то объект.

В виджетах можно выбрать такие элементы:

Структура — ряд и контейнер.
Базовые — кнопка, текст, картинка, отступ, меню, форма.
Галереи — слайдер, сетка, карусель.
Соц.функции — социальные кнопки и ссылки, лента твиттера или ФБ, доска Pinterest.
Блоггинг — список последних записей.
Другие сервисы и фишки — Google карта, вставка видео, Soundcloud, Disqus, Mailchimp, аудиоплеер, iFrame или встроенный код.

За визуальное оформление отвечает раздел «Дизайн». Так, например, я добавил строку с социальным иконками под хедером, но изначально цвет объектов сливался с фоном. Дабы это исправить нужно зайти в «Дизайн», выбрать нужный элемент для редактирования.

Для многих виджетов есть так называемые «пресеты» (Preset) — набор настроек оформления, между которыми легко можно переключаться. То есть, например, вы создали Preset1 с нужным оформлением блока, а затем при его добавлении на сайт не требуется лишний раз указывать цвета и шрифты, а просто выбираете уже созданный пресет. Достаточно удобно.

Если вы переживаете, что не сможете самостоятельно освоить MotoCMS 3, советую перейти по этой ссылке. Там находится специальная обучающая рассылка «Сайт на MotoCMS 3 за 5 дней по часу в день».

В течении 5-ти дней будете получать на почту письма с информацией по работе с системой:

Описание демо версии, выбор хостинга и домена.
Базовая настройка: SEO, мобильная версия.
Добавление страниц, работа с фоном и медиабиблиотекой.
Изменение дизайна сайта: цвета, стили, фон и т.п.
Работа с виджетами.

Таким образом, вы сможете пошагово с нуля изучить все тонкости MotoCMS 3, хотя, если честно, особо сложного там ничего и нет.

Основные плюсы MotoCMS 3

Простота работы. Админка конструктора не сложная, содержит все необходимые базовые настройки сайта. Причем для управления проектом не нужны знания HTML или веб-программирования. Если потребуется установить систему на свой хостинг, то процесс также весьма понятный.
Множество шаблонов позволяет подобрать нужный дизайн, а параметры настройки — отредактировать страницы сайта под свои пожелания и нужды.
Отвечает всем современным требованиям: быстродействие, поддерживает адаптивность + есть SEO опции для страниц.
Ну, и конечно техническая поддержка 24/7.

Шаблоны MotoCMS 3

Ранее я уже несколько раз рассматривал шаблоны MotoCMS 3, поэтому для начала приведу парочку ссылок на другие тематические подборки. Так, например, уже были:

Простые минималистичные шаблоны;
темы для персональных сайтов с функцией блога;
и подборка разных по теме дизайнов;
Топ-10 шаблонов портфолио.

Сегодня хотелось бы продемонстрировать действительно лучшие из лучших варианты (как по функциональности, так и по дизайну). В этом мне поможет фильтр «Popularity» в разделе шаблонов MotoCMS 3 на TemplateMonster. Для перехода на страницу макета, кликните по его изображению.

Educational Courses (обучение)

Bikes Repair (мото и велосипеды)

Supreme (мода и стиль)

Esther (сайт образования)

Real Estate (недвижимость)

C2 (строительная компания)

Learnix (обучение и образование)

Wegy (дизайн студия)

Capricia (итальянский ресторан)

Engine (бизнес и услуги)

Мне кажется, шаблоны MotoCMS 3 реально шороши. В некоторых конструкторах макеты словно созданы под копирку и мало чем отличаются друг от друга, а тут прямо буйство красок и оригинальность в каждом втором. Дизайнеры неплохо постарались, прямо и менять особо ничего не хочется.

Кстати, выбрать подходящий дизайн можно не только через архив TemplateMonster, но и на сайте самого конструктора в разделе шаблонов.

Что касается самой системы, то пусть это не самая функциональная админка, которую я видел, но со своими задачами она полностью справляется. Подойдет для разных типов сайтов — визиток, блогов, портфолио, корпоративных и т.п. Возможность бесплатно работать 14 дней дабы самому оценить все фишки системы и создать свой проект — отличная идея.